Ext.define('testleo.view.News-dark', {
    extend: 'Ext.Panel',
    xtype: 'News-darkpanel',
    bodyStyle: 'background: yellow;',
    //style: 'background-color: #2E99FC',
    
    config: {
        title: 'News-dark',
        iconCls: 'home',
        
        scrollable: true,
        styleHtmlContent: true,
        bodyStyle: 'background: yellow;',
        style: 'background-color: #333',
         
        html: [
            //'<img src="http://staging.sencha.com/img/sencha.png" />',
            //'<h1>Welcome to Sencha Touch</h1>',
            //"<p>You're creating the Getting Started app. This demonstrates how ",
            //"to use tabs, lists and forms to create a simple app</p>",
            //'<h2>Sencha Touch (2.0.0)</h2>'
            //'hello world',
            '<div class="boxnews-dark"><span class="first"><h1>European Commission publishes AIFMD level 2 implementation proposals</h1></span>',
            '<span class="date">3 April 2012</span>',
            '<p>The European Commission s proposals for level 2 implementation measures for the Alternative Investment Fund Managers Directive has been circulated to European Union member states and to the European Parliament.</p>',            
            '</div>',
            '<div class="boxnews-dark"><h1>Luxembourgs amended SIF law comes into force</h1>',
            '<span class="date">2 April 2012 - by Olivier Sciales</span>',
            '</div>',
            '<div class="boxnews-dark"><h1>Luxembourg adopts AIFMD-ready amended SIF legislation</h1>',
            '<span class="date">9 March 2012 - by Olivier Sciales</span>',
            '</div>',
            '<div class="boxnews-dark"><h1>Esma launches discussion paper on AIFMD technical standards</h1>',
            '<span class="date">7 March 2012 - by Olivier Sciales</span>',
            '</div>',
            '<div class="boxnews-dark"><h1>Esma advice increases certainty on third-country AIFM Directive questions</h1>',
            '<span class="date">27 January 2012 - by Olivier Sciales</span>',
            '</div>'            
            //'<div class="boxnews">News article #1 </div>',
            //'<div class="boxnews">News article #2 </div>'
        ].join("")
        
        //items: [
        //    { 
        //    dock: 'top', 
        //    xtype: 'toolbar',
        //    title: 'AIFMD News',
        //    //height: 48,
        //    ui: 'light'
        //    //items: [ 
        //    //{text: 'My Button'} 
        //    //] 
        //    }
        //]        
    }
})